Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / commits / 4fc80c2


Commit 4fc80c2b53ad81869c0906c8ca26193891e92f4f

󰉖 Browse tree at this commit

Parents : c66d290
Author : Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-04-22T20:11:25-05:00

refactor(DropDownMenu): format

Changes

3 files changed, 17 insertions(+), 11 deletions(-)

M meshchatx/src/frontend/components/DropDownMenu.vue +6 -1
M meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue +1 -8
M tests/frontend/clampFloatingToViewport.test.js +10 -2

Diff

diff --git a/meshchatx/src/frontend/components/DropDownMenu.vue b/meshchatx/src/frontend/components/DropDownMenu.vue
index c930f627..35b96860 100644
--- a/meshchatx/src/frontend/components/DropDownMenu.vue
+++ b/meshchatx/src/frontend/components/DropDownMenu.vue
@@ -102,7 +102,12 @@ export default {
const panel = this.$refs.dropdownPanel;
if (!panel) return;
const rect = panel.getBoundingClientRect();
- const { left, top, maxHeight } = clampFloatingToViewport(rect.left, rect.top, rect.width, rect.height);
+ const { left, top, maxHeight } = clampFloatingToViewport(
+ rect.left,
+ rect.top,
+ rect.width,
+ rect.height
+ );
this.dropdownPosition = { x: left, y: top, maxHeight };
});
});

diff --git a/meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue b/meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue
index 95655f81..303535bc 100644
--- a/meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue
+++ b/meshchatx/src/frontend/components/contextmenu/ContextMenuPanel.vue
@@ -1,14 +1,7 @@
<!-- SPDX-License-Identifier: 0BSD -->
<template>
- <div
- v-if="show"
- ref="panel"
- class="context-menu-panel"
- :class="panelClass"
- :style="panelStyle"
- v-bind="$attrs"
- >
+ <div v-if="show" ref="panel" class="context-menu-panel" :class="panelClass" :style="panelStyle" v-bind="$attrs">
<slot name="header" />
<slot />
</div>

diff --git a/tests/frontend/clampFloatingToViewport.test.js b/tests/frontend/clampFloatingToViewport.test.js
index 530c1026..fc9cc84a 100644
--- a/tests/frontend/clampFloatingToViewport.test.js
+++ b/tests/frontend/clampFloatingToViewport.test.js
@@ -80,8 +80,16 @@ describe("clampFloatingToViewport wiring", () => {
it.each([
["DropDownMenu.vue", "meshchatx/src/frontend/components/DropDownMenu.vue", 'ref="dropdownPanel"'],
["LanguageSelector.vue", "meshchatx/src/frontend/components/LanguageSelector.vue", 'ref="languageDropdown"'],
- ["NotificationBell.vue", "meshchatx/src/frontend/components/NotificationBell.vue", 'ref="notificationDropdown"'],
- ["ConversationViewer.vue", "meshchatx/src/frontend/components/messages/ConversationViewer.vue", "onReactionPickerDragStart"],
+ [
+ "NotificationBell.vue",
+ "meshchatx/src/frontend/components/NotificationBell.vue",
+ 'ref="notificationDropdown"',
+ ],
+ [
+ "ConversationViewer.vue",
+ "meshchatx/src/frontend/components/messages/ConversationViewer.vue",
+ "onReactionPickerDragStart",
+ ],
])("%s imports the helper and clamps floating UI", (_, relativePath, anchor) => {
const src = readSource(relativePath);
expect(src).toContain("clampFloatingToViewport");


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────